<html>

<head>
<title>Deep Sea Guide Concept View</title>
<script type="text/javascript" src="assets/javascripts/interior.js"></script>
<link rel="stylesheet" type="text/css" href="assets/styles/interior.css">
<SCRIPT SRC="mktree.js" LANGUAGE="JavaScript"></SCRIPT> 
<script>
<!--
bigSlide=new Array(
  "caecosagitta_macrocephala_01.jpg",
  "caecosagitta_macrocephala_02.jpg",
  "Chaetognatha_01.jpg",
  "Chaetognatha_02.jpg",
  "Eukrohnia_fowleri_01.jpg",
  "eukrohnia_fowleri_02.jpg",
  "Eukrohnia_fowleri_03.jpg",
  "eukrohnia_fowleri_coolpix.jpg",
  "Eukrohnia_hamata_01.png",
  "Eukrohnia_hamata_02.png",
  "Pseudosagitta_lyra.png",
  "Pseudosagitta_maxima_01.jpg",
  "Pseudosagitta_maxima_02.jpg",
  "Pseudosagitta_maxima_03.jpg",
  "Solidosagitta_zetesios_01.jpg",
  "Solidosagitta_zetesios_02.jpg")
function horizontalPic(horizontalImg, img) {
  horizontalImg.src = bigSlide[img]
}
//-->
</script>
</head>

<body>


<table align="center" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td colspan=3>
<!--begin whole page table-->
  <table id="pagetable" border="0" cellspacing="0" cellpadding="0" align="center">
  <!--begin header-->
  <tr>
	<td id="header_1" colspan="3" align="center" valign="top">
        <table id="toplinks" border="0" width="100%" cellspacing="10" cellpadding="0">	
        <tr bgcolor="#336699">
	  <td colspan="9" align="center" valign="top" height="6"><img src="art/interior_levels/header/header_top.gif" alt="" width="750" height="6" hspace="0" vspace="0" border="0"></td>
        </tr>

        <tr bgcolor="#E1E2D5">
	  <td align="left" valign="top" height="19"><img src="art/interior_levels/header/links/spacer_left.gif" alt="" width="8" height="19" hspace="0" vspace="0" border="0"></td>
	  <td align="center" valign="top"><a href="/default.htm" onMouseOver="imgOn('link1'); self.status='Return to MBARI homepage'; return true;" onMouseOut="imgOff('link1'); self.status='';"><img src="art/interior_levels/header/links/home_off.gif" alt="Home" width="85" height="19" hspace="0" vspace="0" border="0" name="link1"></a></td>
	  <td align="center" valign="top"><a href="/news/" onMouseOver="imgOn('link2'); self.status='News and Information about MBARI'; return true;" onMouseOut="imgOff('link2'); self.status='';"><img src="art/interior_levels/header/links/news_info_off.gif" alt="News and Information" width="126" height="19" hspace="0" vspace="0" border="0" name="link2"></a></td>
	  <td align="center" valign="top"><a href="/moos/" onMouseOver="imgOn('link3'); self.status='Ocean Observatories'; return true;" onMouseOut="imgOff('link3'); self.status='';"><img src="art/interior_levels/header/links/observatories_off.gif" alt="Ocean Observatories" width="138" height="19" hspace="0" vspace="0" border="0" name="link3"></a></td>
	  <td align="center" valign="top"><a href="/rd/" onMouseOver="imgOn('link4'); self.status='Research and Development'; return true;" onMouseOut="imgOff('link4'); self.status='';"><img src="art/interior_levels/header/links/r_d_off.gif" alt="Research and Development" width="87" height="19" hspace="0" vspace="0" border="0" name="link4"></a></td>
	  <td align="center" valign="top"><a href="/data/" onMouseOver="imgOn('link5'); self.status='Scientific Data and Images'; return true;" onMouseOut="imgOff('link5'); self.status='';"><img src="art/interior_levels/header/links/data_off.gif" alt="Data" width="79" height="19" hspace="0" vspace="0" border="0" name="link5"></a></td>
	  <td align="center" valign="top"><a href="/dmo/" onMouseOver="imgOn('link6'); self.status='Marine Operations'; return true;" onMouseOut="imgOff('link6'); self.status='';"><img src="art/interior_levels/header/links/marine_ops_off.gif" alt="Marine Ops" width="122" height="19" hspace="0" vspace="0" border="0" name="link6"></a></td>
	  <td align="center" valign="top"><a href="/search.htm" onMouseOver="imgOn('link7'); self.status='Search the MBARI website'; return true;" onMouseOut="imgOff('link7'); self.status='';"><img src="art/interior_levels/header/links/search_off.gif" alt="Search" width="92" height="19" hspace="0" vspace="0" border="0" name="link7"></a></td>
	  <td align="right" valign="top"><img src="art/interior_levels/header/links/spacer_right.gif" alt="" width="13" height="19" hspace="0" vspace="0" border="0"></td>
        </tr>
  </table>
</td></tr>

<tr>
	<td id="header_2" align="right" valign="top" rowspan="2"><img src="art/interior_levels/header/mbari_logo_left.gif" alt="" width="140" height="95" hspace="0" vspace="0" border="0"></td>
	<td bgcolor=#fff0eb id="header_3" align="left" valign="top" rowspan="2"><img src="art/interior_levels/header/mbari_logo_right.gif" alt="" width="95" height="95" hspace="0" vspace="0" border="0"></td>
	<td id="header_4" align="right" valign="top" height="42"><img src="art/interior_levels/header/info_field/blank.gif" alt="" width="505" height="42" hspace="0" vspace="0" border="0" name="infofield"></td>
</tr>


<div id="pagebreak" align="center"><br></div>
<tr>
	<td align="right" valign="top" height="53" width=100%>
          <!--provide section title here -->
          <div id="sectiontitle">Deep Sea Guide</div>     
        </td>
</tr>
<!--end header-->

<!--begin body row-->
<form action=DeepSeaGuide.jsp type=get>
<tr>
<!--navbar cell-->
	<td id="navbar_cell" width="150" align="left" valign="top">
	
<!-- *** Server include for volcanism navbar *** -->
<!--navbar section title -->
  <div id="navtitle"><a class="navtitle">Deep&nbsp;Sea&nbsp;Guide</a></div>
  <br>
<!--begin main navbar links-->

<!--begin content cell-->
    <td id="content_cell" align="left" valign="top" colspan="2">
    

<!-- *** begin page content here *** -->
<div id="content" align="left">
<!--/div at the end of the content part-->

<div id="pagebreak" align="center"><br></div>
<!-- *** Server include for header links *** -->
<!--header links-->
<!--unorderlists here-->
<div id="pagetitle" align="center">Deep Sea Guide for chaetognatha</div>
Phylum - Chaetognatha
<table width=100% BORDER=0 RULES=NONE FRAME=BOX CELLSPACING=10>
<tr>
<th valign=top align=left>
<!-- Column 1, Row 1 -->
<!-- Big Picture -->
<img class="Phylum" src="Chaetognatha_01.jpg" border=10 width=340px name=HorizontalImg id=HorizontalImg>
</th>
<td align=left valign=center>
<!-- Column 2, Row 1 -->
<!-- Phylum -->
<img class="Phylum" src="Chaetognatha_01.jpg" border=5 height=100px onclick=horizontalPic(HorizontalImg,2)>&nbsp;
<img class="Phylum" src="Chaetognatha_02.jpg" border=1 height=100px onclick=horizontalPic(HorizontalImg,3)>
</td>
</tr>
<tr>
<td>
<!-- Column 1, Row 2 -->
<img class="species" src="caecosagitta_macrocephala_01.jpg" width=340px onclick=horizontalPic(HorizontalImg,0)>
</td>
<td align=left valign=center>
<!-- Column 2, Row 2 -->
<!--Genus 1 -->
<!--Species 1-->
<img class="species" src="caecosagitta_macrocephala_01.jpg" height=100px onclick=horizontalPic(HorizontalImg,0)>
<img class="species" src="caecosagitta_macrocephala_02.jpg" border=1 height=100px onclick=horizontalPic(HorizontalImg,1)>
</td>
</tr>
<tr>
<td>
<!-- Column 1, Row 3 -->
<img class="species" src="Eukrohnia_fowleri_01.jpg" border=10 width=340px onclick=horizontalPic(HorizontalImg,4)>
</td>
<td>
<!-- Column 2, Row 3 -->
<!--Genus 2 -->
<!--Species 4-->
<img class="species" src="Eukrohnia_fowleri_01.jpg" border=10 height=100px onclick=horizontalPic(HorizontalImg,4)>
<img class="species" src="eukrohnia_fowleri_02.jpg" border=10 height=100px onclick=horizontalPic(HorizontalImg,5)>
<img class="species" src="Eukrohnia_fowleri_03.jpg" border=10 height=100px onclick=horizontalPic(HorizontalImg,6)><br>
<img class="species" src="eukrohnia_fowleri_coolpix.jpg" border=1 height=100px onclick=horizontalPic(HorizontalImg,7)>
</td>
</tr>
<tr>
<td>
<!-- Column 1, Row 4 -->
<img class="species" src="Eukrohnia_hamata_01.png" border=1 width=340px onclick=horizontalPic(HorizontalImg,8)>
</td>
<td>
<!--Genus 3-->
<!--Species 3-->
<img class="species" src="Eukrohnia_hamata_01.png" border=1 height=100px onclick=horizontalPic(HorizontalImg,8)>
<img class="species" src="Eukrohnia_hamata_02.png" border=1 height=100px onclick=horizontalPic(HorizontalImg,9)>
</td>
</tr>
<tr>
<td>

<!--Genus 5-->
<!--Species 4-->
<img class="species" src="Pseudosagitta_lyra.png" border=1 width=340px onclick=horizontalPic(HorizontalImg,10)>
</td>
</tr>
<tr>
<td>
<!--Genus 6-->
<!--Species 5-->
<img class="species" src="Pseudosagitta_maxima_01.jpg" border=1 width=340px onclick=horizontalPic(HorizontalImg,11)>
</td>
<td>
<img class="species" src="Pseudosagitta_maxima_01.jpg" border=1 height=100px onclick=horizontalPic(HorizontalImg,11)>
<img class="species" src="Pseudosagitta_maxima_02.jpg" border=1 height=100px onclick=horizontalPic(HorizontalImg,12)>
<img class="species" src="Pseudosagitta_maxima_03.jpg" border=1 height=100px onclick=horizontalPic(HorizontalImg,13)>
</td>
</tr>
<tr>
<td>
<img class="species" src="Solidosagitta_zetesios_01.jpg" border=1 width=340px onclick=horizontalPic(HorizontalImg,14)>
</td>
<td>
<!--Genus 1-->
<!--Species 6-->

<img class="species" src="Solidosagitta_zetesios_01.jpg" border=1 height=100px onclick=horizontalPic(HorizontalImg,14)>
<img class="species" src="Solidosagitta_zetesios_02.jpg" border=1 height=100px onclick=horizontalPic(HorizontalImg,15)>
</td>
</tr>

<!--begin footer-->
<tr>
  <td id="footer" colspan="3" align="right" valign="top">
  <img src="art/interior_levels/footer/interior_footer.gif" alt="" width="750" height="50" hspace="0" vspace="0" border="0" usemap="#footer_map">

<!--2nd level footer map-->
<map name="footer_map">
	<!--footer - home-->
<area shape="rect" coords="19,16,62,35" href="/default.htm" alt="Home" onMouseOver="self.status='Return to MBARI homepage'; return true;" onMouseOut="self.status='';">

	<!--footer - news and info-->
<area shape="rect" coords="90,16,172,35" href="/news/" alt="News and Information" onMouseOver="self.status='News and Information'; return true;" onMouseOut="self.status='';">

	<!--footer - observatories-->
<area shape="rect" coords="199,16,295,35" href="/moos/" alt="Observatories" onMouseOver="self.status='Ocean Observatories'; return true;" onMouseOut="self.status='';">

	<!--footer - research and development-->
<area shape="rect" coords="322,16,366,35" href="/rd/" alt="Research and Development" onMouseOver="self.status='Research and Development'; return true;" onMouseOut="self.status='';">

	<!--footer - data and images-->
<area shape="rect" coords="509,16,544,35" href="/data/" alt="Data and Images" onMouseOver="self.status='Data and Images'; return true;" onMouseOut="self.status='';">

	<!--footer - canyon head-->
<area shape="rect" coords="576,16,654,35" href="/dmo/" alt="Marine Ops" onMouseOver="self.status='Marine Operations'; return true;" onMouseOut="self.status='';">

	<!--footer - search-->
<area shape="rect" coords="682,16,731,35" href="/search.htm" alt="Search" onMouseOver="self.status='Search the MBARI website.'; return true;" onMouseOut="self.status='';">
</map></td>
</tr>

<!--end footer-->
</table>

<script>
  addEvent(window,"load",expandToItem('tree1','chaetognatha'));
</script>
<script>
  window.onload=fillup
</script>
</body>
</html>